<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信平台</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
    <!-- Font Awesome CSS-->

    <link rel="stylesheet" type="text/css" th:href="@{/vendor/font-awesome/css/font-awesome.css}">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/fontastic.css}">
    <!-- Google fonts - Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
    <!-- jQuery Circle-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/grasp_mobile_progress_circle-1.0.0.min.css}">
    <!-- Custom Scrollbar-->
    <!--<link rel="stylesheet" type="text/css" th:href="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css}">-->
    <!-- theme stylesheet-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.blue.css}" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/custom.css}">
    <!-- Favicon-->
    <link rel="shortcut icon" type="text/css" th:href="@{/img/favicon.ico}">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="page login-page">
    <div class="container">
        <div class="form-outer text-center d-flex align-items-center">
            <div class="form-inner">
                <div class="logo text-uppercase">
                    <strong>短信平台</strong>
                </div>
                <p>
                </p>
                <form th:action="@{/login}" method="post" action="#" class="text-center form-validate">
                    <div class="form-group-material">
                        <input id="login-username" type="text" name="username" required
                               data-msg="请输入登录名" class="input-material">
                        <label for="login-username" class="label-material">登录名</label>
                    </div>
                    <div class="form-group-material">
                        <input id="login-password" type="password" name="password" required
                               data-msg="请输入密码" class="input-material">
                        <label for="login-password" class="label-material">密码</label>
                        <span class="help-block" th:if="${param.error}" style="color:red;">用户名或密码错误，请重新输入！</span>
                    </div>
                    <div class="form-group text-center">
                        <!--<a id="login" href="index.html"class="btn btn-primary">登录</a>-->
                        <input value="登录" class="btn btn-primary" type="submit">
                        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"
                               th:if="${_csrf}"/>
                        <!-- This should be submit button but I replaced it with <a> for demo purposes-->
                    </div>
                </form>
                <!--<a href="#" class="forgot-pass">Forgot Password?</a>-->
                <!--<small>Do not have an account?</small>-->
                <!--<a href="register.html" class="signup">Signup</a>-->

                <div class="copyrights text-center">


                </div>
            </div>
        </div>
    </div>
</div>
<!-- JavaScript files-->
<script th:src="@{/vendor/jquery/jquery.min.js}"></script>
<script th:src="@{/vendor/popper.js/umd/popper.min.js}"></script>
<script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/js/grasp_mobile_progress_circle-1.0.0.min.js}"></script>
<script th:src="@{/vendor/jquery.cookie/jquery.cookie.js}"></script>
<script th:src="@{/vendor/chart.js/Chart.min.js}"></script>
<script th:src="@{/vendor/jquery-validation/jquery.validate.min.js}"></script>
<script th:src="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js}"></script>
<!-- Main File-->
<script th:src="@{/js/front.js}"></script>
</body>
</html>